// pinia 持久化插件的使用（localStore）

import {defineStore} from "pinia";
import {computed, ref} from "vue";

// defineStore(仓库唯一标识,()=>{},{persist:true})
export const useCounterStore = defineStore('counter', () => {

    const count = ref(100);
    const addCount = () => {
        count.value++
    }
    const subCount = () => {
        count.value--
    }
    const double = computed(() => {
        return count.value * 2
    });

    const msg = ref('hello pinia')

    // 只有 return 出去之后页面之中才能使用
    return {
        count,
        addCount,
        subCount,
        double,
        msg
    }
}, {
    // 开启当前模块的持久化
    // persist:true
    // 持久化配置
    persist: {
        key: "lzx_counter",
        // 选择需要持久化的对象，教程里面是 paths,官网已经发生改变
        pick: ['count']
    }
});